<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./statics/css/base.css">
</head>

<body>
    <div>
        <input type="text" placeholder="请输入关键字">
        <input type="button" value="查找" onclick="btnQuery()">
        <input type="button" value="新增" onclick="btnAdd()">
    </div>
    <div>
        <table class="tb">
            <tr>
                <th>序号</th>
                <th>电影名称</th>
                <th>导演</th>
                <th>主演</th>
                <th>评分</th>
                <th>标签</th>
                <th>操作</th>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
            <tr>
                <td>1</td>
                <td>肖申克的救赎</td>
                <td>老胡</td>
                <td>唐公子</td>
                <td>9.9</td>
                <td>犯罪 剧情</td>
                <td>
                    <input type="button" value="编辑" onclick="btnEdit()">
                    <input type="button" value="删除" onclick="btnDel()">
                </td>
            </tr>
        </table>
    </div>

    <script src="./statics/js/axios.min.js"></script>
    <script src="./statics/js/base.js"></script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/axios@1.1.2/dist/axios.min.js"></script> -->
</body>

</html>

<!-- 
    解决浏览器的跨域问题的办法：
    1.从后端入手解决（较优雅）
    2.从前端入手，使用代理的方式，让前后端同源，即可解决（简单粗暴）


    了解下跨域问题的产生：
    本质上，其实就是浏览器为了安全，会阻止非同源的请求
    同源是指什么呢？
    一个请求包含三个要素：1、协议，2、主机名（域名），3、端口号：http://qq.com:8000/abc/bbc
    同源的意思，就是请求的三个要素必须完全一致，否则就是非同源，也就是跨了域
 -->